<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700" rel="stylesheet" type="text/css" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="themes/2/js-image-slider.css" rel="stylesheet" type="text/css" />
 <script src="themes/2/js-image-slider.js" type="text/javascript"></script>
<!--[if IE 6]>
<link href="default_ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div id="wrapper">
	<div id="header">
		<div id="logo">
		<a href ="index.jsp">
			<img src="images/tea_logo.jpg" alt ="Totalitea Logo" align="left" width="150px" height="150px" />
		</a>
			<br />
			<br />
			<img src="images/Totalitea.png" alt="Totalitea Title" align="left" />
		</div>
	</div>
	<!-- end #header -->
	<div id="menu">
		<ul>
			<li class="current_page_item"><a href="#">Home</a></li>
			<li><a href="#">Catalogue</a></li>
			<li><a href="#">Login</a></li>
			<li><a href="#">Search</a></li>
			<li><a href="#">Basket</a></li>
			<li class="last"><a href="#">Contact Us</a></li>
		</ul>
	</div>
	<div id="container">
		    <div id="sliderFrame">
		        <div id="slider">
		            <a class="lazyImage" href="images/Leeds_townHall.jpg" title="Place Holder For Image of leeds">Testing</a>
		            <a class="lazyImage" href="images/Leeds_townHall.jpg" title="Place Holder For Image of leeds">Pure JavaScript</a>
		            <a class="lazyImage" href="images/Leeds_townHall.jpg" title="Place Holder For Image of leeds">Image Slider</b></a>
		            <a class="lazyImage" href="images/Leeds_townHall.jpg" title="Place Holder For Image of leeds">Slide 4</a>
		        </div>
		        <!--thumbnails-->
		        <div id="thumbs">
		            <div class="thumb">
		                <div class="frame"><img src="images/Leeds_townHall_thumb.jpg" /></div>
		                <div class="thumb-content"><p>Town Hall</p>Leeds Town Hall in the center of Leeds</div>
		                <div style="clear:both;"></div>
		            </div>
		            <div class="thumb">
		                <div class="frame"><img src="images/Leeds_townHall_thumb.jpg" /></div>
		                <div class="thumb-content"><p>PlaceHolder</p>Place Holder for image description</div>
		                <div style="clear:both;"></div>
		            </div>
		            <div class="thumb">
		                <div class="frame"><img src="images/Leeds_townHall_thumb.jpg"  /></div>
		                 <div class="thumb-content"><p>PlaceHolder</p>Place Holder for image description</div>
		                <div style="clear:both;"></div>
		            </div>
		            <div class="thumb">
		                <div class="frame"><img src="images/Leeds_townHall_thumb.jpg"  /></div>
		                <div class="thumb-content"><p>PlaceHolder</p>Place Holder for image description</div>
		                <div style="clear:both;"></div>
		            </div>
		        </div>
		        <!--clear above float:left elements. It is required if above #slider is styled as float:left. -->
		        <div style="clear:both;height:0;"></div>
		    </div>
		</div>
	</div>
</div>
<div id="footer">
	<p>Copyright (c) 2013 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a>. Photos by <a href="http://fotogrph.com/">Fotogrph</a></p>
</div>
</body>
</html>
